<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>海尔官网-海尔智家 定制美好生活</title>
    <link rel="shortcut icon" href="./img/me.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./iconFont/icon-Font/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<div class="header"></div>

<body>
    <!-- 轮播图 -->
    <div class="banner rotationBox">
        <span class="iconfont icon-ToLeft prev-img"></span>
        <span class="iconfont icon-xiangzuoyuanjiantouzuojiantouxiangzuomianxing next-img"></span>
        <ul>
            <li class="roLis"><a href=""></a></li>
            <li class="roLis"><a href=""></a></li>
            <li class="roLis"><a href=""></a></li>
            <li class="roLis"><a href=""></a></li>
            <li class="roLis"><a href=""></a></li>
        </ul>
    </div>

    <!-- 心选精品 -->
    <div class="heartSelect">
        <div class="heartTitle">
            <p>
                心选精品
                <span class="iconfont icon-right-arrow-1 circleR
                    "></span>
            </p>
        </div>

        <ul>
            <li class="heart-01">
                <span>智家优选</span>
            </li>
            <li class="heart-02">
                <span>健康抑菌</span>
            </li>
            <li class="heart-03">
                <span>性能超人</span>
            </li>
            <li class="heart-04">
                <span>节能省电</span>
            </li>
            <li class="heart-05">
                <span>极速畅享</span>
            </li>
            <li class="heart-06">
                <span>大器之选</span>
            </li>
        </ul>

        <div class="heartCon">
            <div class="heartContent heartaa ">
                <div class="heartCon-l">
                    <div class="hoverAn">
                        <a href="list.html?id=1">
                            <img src="./img/smarthome1.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name-first">
                            纤合 10公斤滚筒洗衣机
                        </p>
                        <p class="med-type-first">
                            FAW10986LSU1
                        </p>
                    </div>
                </div>
                <div class="heartCon-m">
                    <div class="hoverAn">
                        <a href="list.html?id=1">
                            <img src="./img/smarthome2.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            505升风冷变频多门冰箱
                        </p>
                        <p class="med-type">
                            BCD-505WDSKU1
                        </p>
                    </div>
                    <div class="hoverAn" style="background-color: #fbfbfb;">
                        <a href="list.html?id=1">
                            <img src="./img/smarthome4.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            舒适风 1.5匹壁挂式变频空调
                        </p>
                        <p class="med-type">
                            KFR-35GW/01YCC81U1
                        </p>
                    </div>
                </div>
                <div class="heartCon-r">
                    <div class="hoverAn" style="background-color: #f1f2f6;">
                        <a href="list.html?id=1">
                            <img src="./img/smarthome3.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            505升风冷变频多门冰箱
                        </p>
                        <p class="med-type">
                            BCD-505WDSKU1
                        </p>
                    </div>
                    <div class="hoverAn">
                        <a href="list.html?id=1">
                            <img src="./img/smarthome5.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            舒适风 1.5匹壁挂式变频空调
                        </p>
                        <p class="med-type">
                            KFR-35GW/01YCC81U1
                        </p>
                    </div>
                </div>
            </div>

            <div class="heartContent heartbb" style="display: none;">
                <div class="heartCon-l">
                    <div class="hoverAn bgcolor">
                        <a href="list.html?id=2">
                            <img src="./img/health1.webp" alt="" class="hoverAna" style="width: 460px;height: 460px;">
                        </a>
                        <p class="med-name-first">
                            纤合 10公斤滚筒洗衣机
                        </p>
                        <p class="med-type-first">
                            FAW10986LSU1
                        </p>
                    </div>
                </div>
                <div class="heartCon-m">
                    <div class="hoverAn">
                        <a href="list.html?id=2">
                            <img src="./img/health2.webp" alt="" class="hoverAna" style="width: 180px;height: 180px;">
                        </a>
                        <p class="med-name">
                            505升风冷变频多门冰箱
                        </p>
                        <p class="med-type">
                            BCD-505WDSKU1
                        </p>
                    </div>
                    <div class="hoverAn" style="background-color: #fbfbfb;">
                        <a href="list.html?id=2">
                            <img src="./img/health3.webp" alt="" class="hoverAna" style="width: 180px;height: 180px;">
                        </a>
                        <p class="med-name">
                            舒适风 1.5匹壁挂式变频空调
                        </p>
                        <p class="med-type">
                            KFR-35GW/01YCC81U1
                        </p>
                    </div>
                </div>
                <div class="heartCon-r">
                    <div class="hoverAn" style="background-color: #f1f2f6;">
                        <a href="list.html?id=2">
                            <img src="./img/health4.webp" alt="" class="hoverAna" style="width: 180px;height: 180px;">
                        </a>
                        <p class="med-name">
                            505升风冷变频多门冰箱
                        </p>
                        <p class="med-type">
                            BCD-505WDSKU1
                        </p>
                    </div>
                    <div class="hoverAn">
                        <a href="list.html?id=2">
                            <img src="./img/health5.webp" alt="" class="hoverAna" style="width: 180px;height: 180px;">
                        </a>
                        <p class="med-name">
                            舒适风 1.5匹壁挂式变频空调
                        </p>
                        <p class="med-type">
                            KFR-35GW/01YCC81U1
                        </p>
                    </div>
                </div>
            </div>

            <div class="heartContent heartcc" style="display: none;">
                <div class="heartCon-l">
                    <div class="hoverAn bgcolor">
                        <a href="list.html?id=3">
                            <img src="./img/super1.webp" alt="" class="hoverAna" style="width: 460px;height: 460px;">
                        </a>
                        <p class="med-name-first">
                            纤合 10公斤滚筒洗衣机
                        </p>
                        <p class="med-type-first">
                            FAW10986LSU1
                        </p>
                    </div>
                </div>
                <div class="heartCon-m">
                    <div class="hoverAn">
                        <a href="list.html?id=3">
                            <img src="./img/super2.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            505升风冷变频多门冰箱
                        </p>
                        <p class="med-type">
                            BCD-505WDSKU1
                        </p>
                    </div>
                    <div class="hoverAn" style="background-color: #fbfbfb;">
                        <a href="list.html?id=3">
                            <img src="./img/super3.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            舒适风 1.5匹壁挂式变频空调
                        </p>
                        <p class="med-type">
                            KFR-35GW/01YCC81U1
                        </p>
                    </div>
                </div>
                <div class="heartCon-r">
                    <div class="hoverAn" style="background-color: #f1f2f6;">
                        <a href="list.html?id=3">
                            <img src="./img/super4.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            505升风冷变频多门冰箱
                        </p>
                        <p class="med-type">
                            BCD-505WDSKU1
                        </p>
                    </div>
                    <div class="hoverAn">
                        <a href="list.html?id=3">
                            <img src="./img/super5.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            舒适风 1.5匹壁挂式变频空调
                        </p>
                        <p class="med-type">
                            KFR-35GW/01YCC81U1
                        </p>
                    </div>
                </div>
            </div>

            <div class="heartContent heartdd" style="display: none;">
                <div class="heartCon-l">
                    <div class="hoverAn bgcolor">
                        <a href="list.html?id=4">
                            <img src="./img/energyconservation1.webp" alt="" class="hoverAna"
                                style="width: 460px;height: 460px;">
                        </a>
                        <p class="med-name-first">
                            纤合 10公斤滚筒洗衣机
                        </p>
                        <p class="med-type-first">
                            FAW10986LSU1
                        </p>
                    </div>
                </div>
                <div class="heartCon-m">
                    <div class="hoverAn">
                        <a href="list.html?id=4">
                            <img src="./img/smarthome2.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            505升风冷变频多门冰箱
                        </p>
                        <p class="med-type">
                            BCD-505WDSKU1
                        </p>
                    </div>
                    <div class="hoverAn" style="background-color: #fbfbfb;">
                        <a href="list.html?id=4">
                            <img src="./img/smarthome4.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            舒适风 1.5匹壁挂式变频空调
                        </p>
                        <p class="med-type">
                            KFR-35GW/01YCC81U1
                        </p>
                    </div>
                </div>
                <div class="heartCon-r">
                    <div class="hoverAn" style="background-color: #f1f2f6;">
                        <a href="list.html?id=4">
                            <img src="./img/smarthome3.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            505升风冷变频多门冰箱
                        </p>
                        <p class="med-type">
                            BCD-505WDSKU1
                        </p>
                    </div>
                    <div class="hoverAn">
                        <a href="list.html?id=4">
                            <img src="./img/smarthome5.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            舒适风 1.5匹壁挂式变频空调
                        </p>
                        <p class="med-type">
                            KFR-35GW/01YCC81U1
                        </p>
                    </div>
                </div>
            </div>

            <div class="heartContent heartee" style="display: none;">
                <div class="heartCon-l">
                    <div class="hoverAn bgcolor">
                        <a href="list.html?id=5">
                            <img src="./img/speed1.webp" alt="" class="hoverAna" style="width: 460px;height: 460px;">
                        </a>
                        <p class="med-name-first">
                            纤合 10公斤滚筒洗衣机
                        </p>
                        <p class="med-type-first">
                            FAW10986LSU1
                        </p>
                    </div>
                </div>
                <div class="heartCon-m">
                    <div class="hoverAn">
                        <a href="list.html?id=5">
                            <img src="./img/smarthome2.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            505升风冷变频多门冰箱
                        </p>
                        <p class="med-type">
                            BCD-505WDSKU1
                        </p>
                    </div>
                    <div class="hoverAn" style="background-color: #fbfbfb;">
                        <a href="list.html?id=5">
                            <img src="./img/smarthome4.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            舒适风 1.5匹壁挂式变频空调
                        </p>
                        <p class="med-type">
                            KFR-35GW/01YCC81U1
                        </p>
                    </div>
                </div>
                <div class="heartCon-r">
                    <div class="hoverAn" style="background-color: #f1f2f6;">
                        <a href="list.html?id=5">
                            <img src="./img/smarthome3.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            505升风冷变频多门冰箱
                        </p>
                        <p class="med-type">
                            BCD-505WDSKU1
                        </p>
                    </div>
                    <div class="hoverAn">
                        <a href="list.html?id=5">
                            <img src="./img/smarthome5.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            舒适风 1.5匹壁挂式变频空调
                        </p>
                        <p class="med-type">
                            KFR-35GW/01YCC81U1
                        </p>
                    </div>
                </div>
            </div>

            <div class="heartContent heartff" style="display: none;">
                <div class="heartCon-l">
                    <div class="hoverAn bgcolor">
                        <a href="list.html?id=2">
                            <img src="./img/bigin1.webp" alt="" class="hoverAna" style="width: 460px;height: 460px;">
                        </a>
                        <p class="med-name-first">
                            纤合 10公斤滚筒洗衣机
                        </p>
                        <p class="med-type-first">
                            FAW10986LSU1
                        </p>
                    </div>
                </div>
                <div class="heartCon-m">
                    <div class="hoverAn">
                        <a href="list.html?id=2">
                            <img src="./img/smarthome2.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            505升风冷变频多门冰箱
                        </p>
                        <p class="med-type">
                            BCD-505WDSKU1
                        </p>
                    </div>
                    <div class="hoverAn" style="background-color: #fbfbfb;">
                        <a href="list.html?id=2">
                            <img src="./img/smarthome4.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            舒适风 1.5匹壁挂式变频空调
                        </p>
                        <p class="med-type">
                            KFR-35GW/01YCC81U1
                        </p>
                    </div>
                </div>
                <div class="heartCon-r">
                    <div class="hoverAn" style="background-color: #f1f2f6;">
                        <a href="list.html?id=2">
                            <img src="./img/smarthome3.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            505升风冷变频多门冰箱
                        </p>
                        <p class="med-type">
                            BCD-505WDSKU1
                        </p>
                    </div>
                    <div class="hoverAn">
                        <a href="list.html?id=2">
                            <img src="./img/smarthome5.webp" alt="" class="hoverAna">
                        </a>
                        <p class="med-name">
                            舒适风 1.5匹壁挂式变频空调
                        </p>
                        <p class="med-type">
                            KFR-35GW/01YCC81U1
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 爆款商品 -->
    <div class="popular">
        <span class="iconfont icon-ToLeft prev-btn"></span>
        <span class="iconfont icon-xiangzuoyuanjiantouzuojiantouxiangzuomianxing next-btn"></span>
        <ul>
            <li class="rotation1" style="display: block;">
                <img src="./img/ro1.webp" alt="">
                <div class="popuTL">
                    <h3>53瓶装酒柜</h3>
                    <p>WA053A</p>
                </div>
                <div class="popuTR">
                    <p>精准控温</p>
                    <p>节能静音</p>
                    <p>榉木酒驾</p>
                </div>
                <div class="popuBL">
                    <p>
                        <span>参考价 ￥</span>
                        1999
                    </p>
                </div>
                <div class="popuBR">
                    了解更多
                </div>
            </li>

            <li class="rotation2" style="display: none;">
                <img src="./img/ro2.webp" alt="">
                <div class="popuTL">
                    <h3>13公斤滚筒洗烘一体机</h3>
                    <p>XQG130-HBM14186LU1</p>
                </div>
                <div class="popuTR">
                    <p>智能投放</p>
                    <p>微蒸汽空气洗</p>
                    <p>直驱变频电机</p>
                </div>
                <div class="popuBL">
                    <p>
                        <span>参考价 ￥</span>
                        7999
                    </p>
                </div>
                <div class="popuBR">
                    了解更多
                </div>
            </li>

            <li class="rotation3" style="display: none;">
                <img src="./img/ro3.webp" alt="">
                <div class="popuTL">
                    <h3>53瓶装酒柜</h3>
                    <p>WA053A</p>
                </div>
                <div class="popuTR">
                    <p>精准控温</p>
                    <p>节能静音</p>
                    <p>榉木酒驾</p>
                </div>
                <div class="popuBL">
                    <p>
                        <span>参考价 ￥</span>
                        1999
                    </p>
                </div>
                <div class="popuBR">
                    了解更多
                </div>
            </li>

            <li class="rotation4" style="display: none;">
                <img src="./img/ro4.webp" alt="">
                <div class="popuTL">
                    <h3>53瓶装酒柜</h3>
                    <p>WA053A</p>
                </div>
                <div class="popuTR">
                    <p>精准控温</p>
                    <p>节能静音</p>
                    <p>榉木酒驾</p>
                </div>
                <div class="popuBL">
                    <p>
                        <span>参考价 ￥</span>
                        1999
                    </p>
                </div>
                <div class="popuBR">
                    了解更多
                </div>
            </li>

            <li class="rotation5" style="display: none;">
                <img src="./img/ro5.webp" alt="">
                <div class="popuTL">
                    <h3>53瓶装酒柜</h3>
                    <p>WA053A</p>
                </div>
                <div class="popuTR">
                    <p>精准控温</p>
                    <p>节能静音</p>
                    <p>榉木酒驾</p>
                </div>
                <div class="popuBL">
                    <p>
                        <span>参考价 ￥</span>
                        1999
                    </p>
                </div>
                <div class="popuBR">
                    了解更多
                </div>
            </li>

            <li class="rotation6" style="display: none;">
                <img src="./img/ro6.webp" alt="">
                <div class="popuTL">
                    <h3>53瓶装酒柜</h3>
                    <p>WA053A</p>
                </div>
                <div class="popuTR">
                    <p>精准控温</p>
                    <p>节能静音</p>
                    <p>榉木酒驾</p>
                </div>
                <div class="popuBL">
                    <p>
                        <span>参考价 ￥</span>
                        1999
                    </p>
                </div>
                <div class="popuBR">
                    了解更多
                </div>
            </li>
        </ul>
    </div>

    <!-- 畅销排行 -->
    <div class="bestSell">
        <div class="heartTitle">
            <p>
                人气排行
                <span class="iconfont icon-right-arrow-1 circleR
                    "></span>
            </p>
        </div>

        <ul>
            <li class="best-01">
                <span>冰箱</span>
            </li>
            <li class="best-02">
                <span>洗衣机</span>
            </li>
            <li class="best-03">
                <span>空调</span>
            </li>
            <li class="best-04">
                <span>热水器</span>
            </li>
            <li class="best-05">
                <span>电视</span>
            </li>
            <li class="best-06">
                <span>油烟机</span>
            </li>
            <li class="best-07">
                <span>燃气灶</span>
            </li>
        </ul>

        <div class="bestSellContent">
            <div class="bestContent frig">
                <div class="bestCon-l">
                    <a href="">
                        <img src="./img/bingxiang1.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        先行者 1.5匹壁挂式变频空调
                    </p>
                    <p class="best-type">
                        KFR-35GW/06EDS81
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/first.png" alt="">
                    </div>
                </div>
                <div class="bestCon-m">
                    <a href="">
                        <img src="./img/bingxiang2.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        411升风冷变频多门冰箱
                    </p>
                    <p class="best-type">
                        BCD-411WDSKU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/second.png" alt="">
                    </div>
                </div>
                <div class="bestCon-r">
                    <a href="">
                        <img src="./img/bingxiang3.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        253升风冷变频三门冰箱
                    </p>
                    <p class="best-type">
                        BCD-253WDPDU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/third.png" alt="">
                    </div>
                </div>
            </div>

            <div class="bestContent wash" style="display: none;">
                <div class="bestCon-l">
                    <a href="">
                        <img src="./img/xiyiji1.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        先行者 1.5匹壁挂式变频空调
                    </p>
                    <p class="best-type">
                        KFR-35GW/06EDS81
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/first.png" alt="">
                    </div>
                </div>
                <div class="bestCon-m">
                    <a href="">
                        <img src="./img/xiyiji2.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        411升风冷变频多门冰箱
                    </p>
                    <p class="best-type">
                        BCD-411WDSKU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/second.png" alt="">
                    </div>
                </div>
                <div class="bestCon-r">
                    <a href="">
                        <img src="./img/xiyiji3.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        253升风冷变频三门冰箱
                    </p>
                    <p class="best-type">
                        BCD-253WDPDU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/third.png" alt="">
                    </div>
                </div>
            </div>

            <div class="bestContent airCon" style="display: none;">
                <div class="bestCon-l">
                    <a href="">
                        <img src="./img/kongtiao1.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        先行者 1.5匹壁挂式变频空调
                    </p>
                    <p class="best-type">
                        KFR-35GW/06EDS81
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/first.png" alt="">
                    </div>
                </div>
                <div class="bestCon-m">
                    <a href="">
                        <img src="./img/kongtiao2.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        411升风冷变频多门冰箱
                    </p>
                    <p class="best-type">
                        BCD-411WDSKU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/second.png" alt="">
                    </div>
                </div>
                <div class="bestCon-r">
                    <a href="">
                        <img src="./img/kongtiao3.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        253升风冷变频三门冰箱
                    </p>
                    <p class="best-type">
                        BCD-253WDPDU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/third.png" alt="">
                    </div>
                </div>
            </div>

            <div class="bestContent heatW" style="display: none;">
                <div class="bestCon-l">
                    <a href="">
                        <img src="./img/reshuiqi1.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        先行者 1.5匹壁挂式变频空调
                    </p>
                    <p class="best-type">
                        KFR-35GW/06EDS81
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/first.png" alt="">
                    </div>
                </div>
                <div class="bestCon-m">
                    <a href="">
                        <img src="./img/reshuiqi2.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        411升风冷变频多门冰箱
                    </p>
                    <p class="best-type">
                        BCD-411WDSKU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/second.png" alt="">
                    </div>
                </div>
                <div class="bestCon-r">
                    <a href="">
                        <img src="./img/reshuiqi3.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        253升风冷变频三门冰箱
                    </p>
                    <p class="best-type">
                        BCD-253WDPDU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/third.png" alt="">
                    </div>
                </div>
            </div>

            <div class="bestContent TVs" style="display: none;">
                <div class="bestCon-l">
                    <a href="">
                        <img src="./img/tv1.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        先行者 1.5匹壁挂式变频空调
                    </p>
                    <p class="best-type">
                        KFR-35GW/06EDS81
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/first.png" alt="">
                    </div>
                </div>
                <div class="bestCon-m">
                    <a href="">
                        <img src="./img/tv2.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        411升风冷变频多门冰箱
                    </p>
                    <p class="best-type">
                        BCD-411WDSKU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/second.png" alt="">
                    </div>
                </div>
                <div class="bestCon-r">
                    <a href="">
                        <img src="./img/tv3.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        253升风冷变频三门冰箱
                    </p>
                    <p class="best-type">
                        BCD-253WDPDU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/third.png" alt="">
                    </div>
                </div>
            </div>

            <div class="bestContent hood" style="display: none;">
                <div class="bestCon-l">
                    <a href="">
                        <img src="./img/youyanji1.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        先行者 1.5匹壁挂式变频空调
                    </p>
                    <p class="best-type">
                        KFR-35GW/06EDS81
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/first.png" alt="">
                    </div>
                </div>
                <div class="bestCon-m">
                    <a href="">
                        <img src="./img/youyanji2.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        411升风冷变频多门冰箱
                    </p>
                    <p class="best-type">
                        BCD-411WDSKU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/second.png" alt="">
                    </div>
                </div>
                <div class="bestCon-r">
                    <a href="">
                        <img src="./img/youyanji1.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        253升风冷变频三门冰箱
                    </p>
                    <p class="best-type">
                        BCD-253WDPDU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/third.png" alt="">
                    </div>
                </div>
            </div>

            <div class="bestContent gas" style="display: none;">
                <div class="bestCon-l">
                    <a href="">
                        <img src="./img/ranqizao.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        先行者 1.5匹壁挂式变频空调
                    </p>
                    <p class="best-type">
                        KFR-35GW/06EDS81
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/first.png" alt="">
                    </div>
                </div>
                <div class="bestCon-m">
                    <a href="">
                        <img src="./img/ranqizao.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        411升风冷变频多门冰箱
                    </p>
                    <p class="best-type">
                        BCD-411WDSKU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/second.png" alt="">
                    </div>
                </div>
                <div class="bestCon-r">
                    <a href="">
                        <img src="./img/ranqizao.webp" alt="" class="bestImg">
                    </a>
                    <p class="best-word">
                        253升风冷变频三门冰箱
                    </p>
                    <p class="best-type">
                        BCD-253WDPDU1
                    </p>
                    <div class="buttonMore">
                        了解更多
                    </div>
                    <div class="rankImg">
                        <img src="./img/third.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 活动 -->
    <div class="activity">
        <div class="act-left">
            <div class="act-left-img">
                <a href="">
                    <img src="./img/act1.webp" alt="" class="actImgL">
                </a>
            </div>
            <div class="act-left-word">
                <h2>活动集结地</h2>
                <p>玩转好家电，超值不败家！家电活动，限时抢<br>疯狂购！现在下手还不晚！</p>
            </div>
        </div>
        <div class="act-right">
            <div class="act-right-word">
                <h2>全场景智慧解决方案</h2>
                <p>智慧生活无所不及，海尔智家更懂你！5大智慧生活空间，<br>
                    7大专业解决方案，还有N种个性化需求定制，一站式系统
                    <br>化服务，智启美好生活。
                </p>
            </div>
            <div class="act-right-img">
                <a href="">
                    <img src="./img/act2.webp" alt="" class="actImgR">
                </a>
            </div>
        </div>
    </div>
    <!-- 品牌故事 -->
    <div class="story">
        <div class="heartTitle">
            <p>
                品牌故事
                <span class="iconfont icon-right-arrow-1 circleR
                    "></span>
            </p>
            <div class="storyWord">
                三十多年来，海尔与时俱进，从产品品牌到平台品牌，始终站在时代与行业发展前列。物联网时代，
                <br>
                海尔生态品牌将持续为全球用户创造美好生活体验，成为全球生态品牌引领者。
            </div>
        </div>

        <div class="hairVideo">
            <video poster="./img/me.ico" width="100%" height="700" muted loop>
                <source src="./video/dance.mp4">
            </video>
        </div>
    </div>

    <!-- 品牌资讯 -->
    <div class="news">
        <div class="heartTitle" style="padding-bottom:60px">
            <p>
                品牌资讯
                <span class="iconfont icon-right-arrow-1 circleR
                    "></span>
            </p>
        </div>

        <div class="newContent">
            <div class="newContent-l">
                <div class="newContentM">
                    <div class="newIMG">
                        <img src="./img/new1.webp" alt="" style="width: 640px;height: 360px;" class="newImg">
                    </div>
                    <h3>万人携手洗空调，创世界纪录！</h3>
                    <p>10月20日，海尔空调上线“全民洗空调 智趣潮生活”海尔双十一除菌舱空调新品首发暨冷媒变流黑科技行业首发活动。</p>
                    <div class="detail"></div>
                    <div class="detailCo detailCo1"></div>
                </div>
            </div>
            <div class="newContent-r">
                <div class="new-list">
                    <div class="newList1">
                        <h4>服装行业是割裂的，服装生活是完整的！</h4>
                        <p>进入物联时代，各大行业都面临转型升级，服装行业也不例外。针对
                            <br>如何能更好地实现整个行业的快速发展，海尔衣联网给...
                        </p>
                        <div class="detail"></div>
                        <div class="detailCo detailCo2"></div>
                    </div>
                    <div class="newList2">
                        <h4>三翼鸟：装修上百万？误解！1.7万装厨房，正解！</h4>
                        <p>
                            ​多少预算能装三翼鸟？这个问题想必不少用户都会觉得，没有几十万
                            <br>上百万的预算根本装不了三翼鸟。但这只是误解。
                        </p>
                        <div class="detail"></div>
                        <div class="detailCo detailCo3"></div>
                    </div>
                    <div class="newList3">
                        <h4>广交会：离开家看展会，到展会是回家</h4>
                        <p>
                            为什么说“到展会是回家”呢？原来10月15日的第130届广交会
                            <br>上，海尔智家在近500平米的展区，通过1:1还原家的场景，...
                        </p>
                        <div class="detail"></div>
                        <div class="detailCo detailCo4"></div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>

<div class="footer"></div>

</html>
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/index.js"></script>
<script>
    $(".header").load("indexHeader.html");
    $(".footer").load("indexFooter.html");
</script>